<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" lang="ru">

<head th:fragment="commonHeader(title,links)">
    <title th:replace="${title}">Oiot Бот</title>
    <!-- Общие стили -->
    <link rel="stylesheet" type="text/css" media="all" th:href="@{/static/css/bulma-1.0.0.min.css}">
    <link rel="stylesheet" type="text/css" media="all" th:href="@{/static/css/main.css}">
    <!-- Кастомные стили -->
    <th:block th:replace="${links}"/>
    <link rel="shortcut icon" th:href="@{/static/images/favicon.ico}">

</head>

<doby>
    <nav class="navbar is-dark mb-5" role="navigation" aria-label="main navigation" th:fragment="commonNav">
        <div class="container">
            <div class="navbar-brand">
                <div class="navbar-item" th:href="@{/dashboard}">
                    <span>Oiot Бот: панель управления</span>
                </div>
            </div>
            <div class="navbar-menu">
                <div class="navbar-start">
                </div>
                <div class="navbar-end">
                    <div class="navbar-item">
                        <span class="icon-text">
                          <span class="icon">
                            <ion-icon name="person-sharp"></ion-icon>
                          </span>
                          <span id="user-info"></span>
                        </span>
                    </div>
                    <div class="navbar-item">
                        <a class="button is-primary is-outlined" th:href="@{/auth/logout}">
                            <span class="icon">
                                <ion-icon name="log-out-sharp"></ion-icon>
                            </span>
                            <span>Выйти</span>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </nav>

    <footer th:fragment="commonFooter(scripts)">
        <script th:src="@{/static/js/jquery-3.7.1.min.js}"></script>
        <script th:src="@{/static/js/main.js}"></script>
        <script type="module" th:src="@{/static/js/ionicons-7.1.0/ionicons.esm.js}"></script>
        <!-- Кастомные скрипты -->
        <th:block th:replace="${scripts}"/>
    </footer>
</doby>
</html>